<div>
    <el-row style="margin: 10px;">
        <el-col :span="13">
            <el-card>
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
                         @submit.native.prevent>
                    <el-form-item label="需要国际化的文字" prop="filed">
                        <el-input v-model="ruleForm.filed" name="filed" placeholder="TEST1|测试1,TEST2|测试2"
                                  clearable @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item label="项目路径" prop="path" v-if="isLocation">
                        <el-input v-model="ruleForm.path" name="path"
                                  clearable @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item label="可勾选项" prop="type">
                        <el-checkbox-group v-model="ruleForm.configs">
                            <el-checkbox label="cn" name="configs">国际化带上原中文意思</el-checkbox>
                            <el-checkbox label="location" name="configs" @change="changeisLocation">本地模式</el-checkbox>
                            <el-checkbox label="override" name="override">重复覆盖</el-checkbox>
                            <el-checkbox label="notInternet" name="notInternet">断网模式</el-checkbox>
                        </el-checkbox-group>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm">立即创建</el-button>
                        <el-button @click="resetForm()">重置</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </el-col>
        <el-col :span="11">
            <el-card>
                <div>
                    英文
                    <el-button size="mini" type="primary" style="margin: 5px 0px;" class="btn" data-clipboard-target="#lnEn">
                        复制英文
                    </el-button>
                    <el-input type="textarea" rows="6" id="lnEn" style="resize:none;width:100%;" readonly="readonly" v-model="language.en"></el-input>
                    中文简体
                    <el-button size="mini" type="primary" style="margin: 5px 0px;;" class="btn" data-clipboard-target="#lnZh">
                        复制简体
                    </el-button>
                    <el-input type="textarea" rows="6" id="lnZh" style="resize:none;width:100%;" readonly="readonly" v-model="language.zh"></el-input>
                    中文繁体
                    <el-button size="mini" type="primary" style="margin: 5px 0px;" class="btn" data-clipboard-target="#lnTw">
                        复制繁体
                    </el-button>
                    <el-input type="textarea" rows="6" id="lnTw" style="resize:none;width:100%;" readonly="readonly" v-model="language.tw"></el-input>
                </div>
                <!-- Trigger -->
            </el-card>
        </el-col>
    </el-row>
</div>